page {
  width: 100%;
  height: 100%;
}
.index {
  position: fixed;
  top:0;
  right:0;
  left:0;
  bottom:0;
  width: 100%;
  height: 100%;
  box-sizing:border-box;
  background: url()
    no-repeat;
  background-size: 100% 100%;
  padding-top: 60px;
}
.your_scores_container {
  width: 470px;
  height: 410px;
  background: url()
    no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0;
  position: relative;
  .your_scores {
    position: absolute;
    width: 100%;
    text-indent: 170px;
    top: 200px;
    font-size: 64px;
    font-weight: 900;
    -webkit-text-stroke: 2px #412318;
    font-family: 'Microsoft YaHei';
    .score_num {
      font-family: Tahoma, Helvetica, Arial;
      color: #a51d31;
    }
    .fenshu {
      color: #a51d31;
    }
  }
  .result_tip {
    position: absolute;
    top: 310px;
    left: 30px;
    color: #3e2415;
    font-size: 30px;
    text-align: center;
    width: 438px;
  }
}
.share_button {
  width: 320px;
  height: 100px;
  margin: 40px auto 0;
  background: url(../../images/4-3.png) no-repeat 40px 0;
  background-size: 300px 100%;
}
.share_code {
  width: 530px;
  margin: 70px auto 0;
  text-align: center;
  .share_header {
    color: #664718;
    font-size: 28px;
    font-family: 'Microsoft YaHei';
    text-align: center;
    font-weight: 500;
  }
  .code_img {
    height: 280px;
    width: 280px;
    margin-top: 20px;
  }
}
.share_cover {
  position: fixed;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  background: url(../../images/5-1.png) no-repeat;
  background-size: 100% 100%;
  opacity: 0.92;
}
.share_img {
  height: 10.975px;
  width: 11.95px;
  position: fixed;
  top: 0.5px;
  left: 50%;
  margin-left: -5.975px;
}
